<template>
  <div class="my-panel">
      <slot :msg="msg" :count="count" name="title"></slot>

      <!-- 默认插槽，没传就是hr -->
      <slot><hr></slot>

      <slot name="body"></slot>
  </div>
</template>

<script>
export default {
    data() {
        return {
            msg: '马杀鸡',
            count: 10
        }
    },
}
</script>

<style>
    .my-panel {
        width: 400px;
        border: 1px solid #000;
    }
</style>